<template>
    <view class="bg-[#F6F7F9] min-h-[100vh]">
        <up-navbar title="预约订单" :safeAreaInsetTop="true" bgColor="#FFF" :placeholder="true">
			<template #left>
				<view class="flex px-[24rpx] py-[16rpx] border-[1rpx] border-slate-200 rounded-[38rpx]">
					<up-icon name="arrow-left" size="19" @click="goback"></up-icon>
					<up-line direction="column" :hairline="false" length="16" margin="0 8px"></up-line>
					<up-icon name="home" size="20" @click="gohome"></up-icon>
				</view>
			</template>
		</up-navbar>
        <view class="m-[30rpx]">
            <messageItem></messageItem>
        </view>
    </view>
</template>

<script setup>
import messageItem from '../../components/messageItem.vue';
const { goback , gohome } = useTab()
function useTab(){
    const goback = () => {
        uni.navigateBack();
    }
    const gohome = () => {
        uni.switchTab({
            url: '/pages/index/index'
        })
    }
    return { goback , gohome }
}
</script>

<style lang="scss" scoped>

</style>